/*首页部分*/
.consulting{width:1200px;height:400px;position:absolute;left:0;right:0;margin:0 auto;top:0;}
.consulting .box{width:360px;height:400px;background-color:#fff;}
.consulting h2{color:#01AC8A;font-weight:600;font-size:22px;padding:15px 31px;}
.consulting .case{width:300px;border:1px solid #EEEEEE; border-radius:8px;margin:0 auto 12px auto;height:35px;line-height:35px;padding: 0 5px;display:flex;
  justify-content:space-between;}
.consulting .case span{color:#7C7777;}
.consulting .case input{z-index:99;border:none;}
.consulting .btn{text-align:center;}
.consulting .btn input{width:178px;background-color:#01AC8A;color:#fff;height:38px;border:none;border-radius:10px;margin:0 auto;cursor:pointer;}

.navigation{margin-top:20px;display:flex;justify-content:space-between;}
.navigation .substation{width:527px;background-color:#fff;}
.navigation .title{display:flex;justify-content:space-between;border-bottom:1px solid #EDEAEA;padding: 0 5px;height:34px;line-height:34px;}
.navigation .title .name{color:#01AC8A;}
.substation .group{padding:0 10px;margin-top:25px;}
.substation .group .region{color:#000;font-weight:600;}
.substation .group .region .iconfont{color:#CBC9C9;}
.substation .group .plot ul{display:flex;flex-wrap:wrap;margin-top:5px;}
.substation .group .plot li a{padding:5px 10px 5px 0;color:#7C7777;display:block;}

.navigation .index_info{background-color: #fff;width:100%;}
.index_info .lists{padding:10px 23px;display: flex;flex-wrap:wrap;}
.index_info .list{width:50%;height:40px; line-height:40px;position:relative;box-sizing:border-box;border-bottom:1px dashed #EDEAEA;padding-left:15px;
}
.index_info .list:before{content:'';display:inline-block;width:6px;height:6px;background-color:#01AC8A;border-radius:6px;position:absolute;left:0;top:17px;}
.index_info .list .name{ float: left; width: 70%; box-sizing: border-box;}
.index_info .list .name a{font-weight:600;color:#444;padding-bottom:8px; display:block;}
.index_info .list .time{ float: left; width: 30%;color:#A2A1A1;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
.navigation .area_info{background-color: #fff;width: 593px;}
.area_info .lists{padding:10px 23px;display: flex;flex-wrap:wrap;}
.area_info .list{width:100%;height:55px;position:relative;box-sizing:border-box;border-bottom:1px solid #EDEAEA;padding: 5px 0 20px 15px;
  margin-bottom:20px; cursor:pointer;display:flex;justify-content:space-between;}
.area_info .list:before{content:'';display:inline-block;width:6px;height:6px;background-color:#01AC8A;border-radius:6px;position:absolute;left:0;top:10px;}
.area_info .list .name h2{font-weight:600;color:#444;padding-bottom:8px; display:block;}
.area_info .list .name p{font-size:12px;color:#A2A1A1;}
.area_info .list .time{color:#A2A1A1;}
.index_host{padding:15px;margin-top:20px;background-color:#fff;}

.index_host .center_bt{width:280px;margin: 0 auto;text-align:center;}
.index_host .center_bt .b_title{color:#2F2C2A;font-weight:600;font-size:30px;position:relative;z-index:12;}
.index_host .center_bt .b_title:after{content:'';display:block;position:absolute;width:42px;height:1px;background-color:#E9E7E7;top:16px; right:0; z-index:10;}
.index_host .center_bt .b_title:before{content:'';display:block;position:absolute;width:42px;height:1px;background-color:#E9E7E7;top:16px;left:0; z-index:10;}
.index_host .center_bt .s_title{color:#A2A1A1;font-size:12px;margin-top:15px;}
.index_host .lists {display:flex; flex-wrap:wrap;justify-content:space-around;margin-top:33px;}
.index_host .lists .list{width:23%; box-sizing:border-box;margin:1%;height:278px;background-color:#fff;border:1px solid #E5E5E5;margin-bottom:20px; cursor:pointer;transition:all 0.5s;}
.index_host .list .pic{width:100%;height:164px;overflow:hidden;}
.index_host .list .pic img{width:100%;height:164px;}
.index_host .list .name{color:#2F2C2A;font-weight:800;padding:10px 8px 3px 8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index_host .list .text{color:#B4B3B3;font-size:12px;line-height:1.5; padding: 0 8px;}
.index_host .list .btn{width:110px;height:35px;line-height:35px;margin:5px auto 0 auto;text-align:center;border:1px solid #01AC8A;border-radius:7px;color:#01AC8A;}
.index_host .lists .list:hover{transform:translateY(-10PX);transition:all 0.5s;}

.index_ranking{margin-top:20px;justify-content:space-between;}
.index_ranking .click_rank{ float: left;}
.index_ranking .yanlaoinfo_rank{ float: left;}
.index_ranking .click_rank,.index_ranking .yanlaoinfo_rank{width:50%;background-color:#fff;}
.index_ranking .new_title_2{border-bottom:1px solid #01AC8A; height:50px;line-height:50px;}
.index_ranking .new_title_2 .name{ position:relative;float:left; text-indent:1em;font-size:18px;font-weight:bold; color:#01AC8A;}
.index_ranking .new_title_2 .name:before{content:'';display:inline-block;width:15px;height:30px;background-color:#01AC8A;position:absolute;left:0;top:10px;}
.index_ranking .new_title_2 .more{ float:right;}
.index_ranking .new_title_2 .more a{font-size:14px;}
.index_ranking .yanlaoinfo_rank .yanlaoinfo_list{ padding:0px 10px; box-sizing:border-box;}
.index_ranking .yanlaoinfo_rank .yanlaoinfo_list li{height:35px; line-height:35px;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}

.index_ranking .city_rank{width:100%;background-color:#fff;}
.index_ranking .title{ height:50px;line-height:50px;font-size:18px; background:#01AC8A;color:#fff; text-align:center; font-weight:bold;}
.index_ranking .lists{padding:0 35px 20px 35px;}
.index_ranking .list{display:flex;justify-content:space-between;height:53px;line-height:53px;border-bottom:1px #E8E7E7 dashed;cursor:pointer;}
.index_ranking .list .name{color:#2F2C2A;}
.index_ranking .list .count{margin-left:auto;color:#FFA364;}
.index_ranking .list .icon{background-image:url("../image/icons.png");width:42px;height:42px;margin:3px 10px 0 0;}
.index_ranking .list:nth-child(1) .icon{background-position:434px 1px;}
.index_ranking .list:nth-child(2) .icon{background-position:393px 1px;}
.index_ranking .list:nth-child(3) .icon{background-position:352px 1px;}
.index_ranking .list:nth-child(4) .icon{background-position:311px 1px;}
.index_ranking .list:nth-child(5) .icon{background-position:270px 1px;}
.index_ranking .list:nth-child(6) .icon{background-position:229px 1px;}
.index_ranking .list:nth-child(7) .icon{background-position:188px 1px;}
.index_ranking .list:nth-child(8) .icon{background-position:147px 1px;}
.index_ranking .list:nth-child(9) .icon{background-position:106px 1px;}
.index_ranking .list:nth-child(10) .icon{background-position:65px 1px;}
.index_ranking .list:last-child{border-bottom:none;}
.index_ranking .news_title{padding:12px;line-height:50px;text-align:center;}
.index_ranking .news_title .news_name{ margin:0 auto;width:160px; border-bottom:2px solid #01AC8A;font-size:18px;font-weight:bold;}
.city_rank .city_box{ background:#FFF; margin-bottom:20px;overflow: hidden;}
.city_rank .city_box a{ float:left; display:inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width:10%; height:24px;line-height:24px; text-indent:1em; box-sizing:border-box; margin:5px 0px; border-right:1px solid #A6A6A6;}
.city_rank .city_box a:nth-child(10){ border-right:none;}
.find_strategy{background-color:#fff;display:flex;margin-top:20px;height:122px;border-left:12px solid #01AC8A;}
.find_strategy .title{color:#333;font-size:20px;line-height:120px;font-weight:600;text-indent:16px;margin-right:100px;}
.find_strategy .group{width:100px;text-align:center;color:#01AC8A;font-size:16px;padding-top:22px;margin: 0 50px;}
.find_strategy .group .text{padding:10px 0;font-weight:600;}
.find_strategy .group .iconfont{font-size:50px;}


/* banner */
.c-banner{width:100%;position:relative;height:500px;overflow:hidden;}
.c-banner img{width:100%;}
.c-banner .banner ul{list-style:none;padding-left:0;margin-bottom:0;}
.c-banner .banner ul li{position:absolute;display:none;opacity:0;width:100%;}
.c-banner .banner ul li:nth-child(1){opacity:1;display:block;}
.c-banner .banner ul li img{width:100%;position:absolute;top:0;}
.c-banner .banner ul li:first-child img{position:relative;}
.c-banner .jumpBtn{width:100%;position:absolute;bottom:20px;text-align:center;}
.c-banner .jumpBtn ul{margin-bottom:0;padding:0;}
.c-banner .jumpBtn ul li{width:15px;height:15px;border-radius:50%;display:inline-block;background-color:white;opacity:0.9;margin-left:10px;}
.c-banner .jumpBtn ul li:first-child{margin-left:0;}

/* other */
.limit1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 270px;}
.limit2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 400px;}
.limit3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 450px;}
.limit4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.limit5{overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 14;-webkit-box-orient: vertical;}
.limit6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 14;-webkit-box-orient: vertical;}

/* 提交信息 */
.order_online{width:100%; padding:0px 10px;background-color:#fff;margin-top:20px;box-sizing:border-box;}
.order_online h2{color:#01AC8A;font-weight:600;font-size:22px;padding:7px 0;}
.order_online .case{ float:left; display:inline-block;width:50%; margin-top:10px;justify-content:space-between;box-sizing:border-box; overflow:hidden;}
.order_online .case span{display: inline-block;font-size:16px; vertical-align:top; margin-top:10px; }
.order_online .case input{}
.order_online .btn{text-align:center;}
.order_online .btn input{width:178px;background-color:#01AC8A;color:#fff;height:38px;border:none;border-radius:10px;margin:0 auto;cursor:pointer; margin-top:20px; margin-bottom:20px;}
.order_online .base_input { width:calc( 100% - 110px);}
.order_online .base_textarea { width:calc( 100% - 110px);}

@media (max-width: 768px) {
 .navigation{ display:inline-block;}
 .navigation .substation { width: 100%;}
 .navigation .index_info { width: 100%;}
 .consulting { width:100%;}
 .index_host .lists .list {width: 46%;margin: 1%;}
 .city_rank .city_box a { width:auto;border-right: none;}
 .find_strategy{ display:none;}
 .order_online .case { float:none; width:100%;}
 .order_online { width:100%;}
 .order_online .case input { width:calc(100% - 90px); }
 .base_textarea { width:calc(100% - 10px);}
 .click_rank{ padding-left:10px; padding-right:10px;box-sizing:border-box;} 
 .index_ranking .title { font-size:16px;}
 .consulting .box{ display:none;}
 .c-banner{height:200px;}
 .c-banner .banner ul li img{ height:200px;width: auto;}
 
 .index_info .list { width:100%;}
 
 .index_ranking .click_rank, .index_ranking .yanlaoinfo_rank { width:100% !important;}
 }